<template>
	<view class="xzy-popup">
		<uv-popup ref="popupRef" :mode="mode" bgColor="none" overlayOpacity="0.9">
			<view class="content">
				<slot></slot>
			</view>
		</uv-popup>
	</view>
</template>
<script setup>
	import {
		ref
	} from 'vue';
	defineProps({
		mode: {
			type: String,
			default: "center"
		},
		isShowClose: {
			type: Boolean,
			default: true
		},
	})


	const popupRef = ref()

	function open() {
		popupRef.value.open()
	}

	function close() {
		popupRef.value.close()
	}


	defineExpose({
		open,
		close
	})
</script>
<style scoped lang="scss">

</style>